<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width,user-scalable=no"name="viewport">
<title>首页</title>
<style>
	.dd{
			margin-top: 3px;
		    margin-left: 10px;
			 float: left;
			width:17px;
			height:17px;
			background:red;
			border-radius:50%;
			color:#fff;
			 text-align:center; line-height:18px;}
#ddd{
			margin-top: 15px;
		    margin-right: 30px;
			 float: right;
			width:17px;
			height:17px;
			background:red;
			border-radius:50%;
			color:#fff;
			 text-align:center; line-height:18px;}
	
	
	#ul a{
	color:#666;
	font-size: 14px;
	text-decoration:none;
	}
</style>
<link rel="stylesheet" type="text/css" href="{:C('WEB_URL')}Public/business/style/base.css" />
<link rel="stylesheet" type="text/css" href="{:C('WEB_URL')}Public/business/style/base.css" />
<link rel="stylesheet" type="text/css" href="{:C('WEB_URL')}Public/business/style/style.css" />
<link rel="stylesheet" type="text/css" href="{:C('WEB_URL')}Public/business/style/bootstrap.min.css" />
<script type="text/javascript" charset="UTF-8" src="{:C('WEB_URL')}Public/business/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" charset="UTF-8" src="{:C('WEB_URL')}Public/business/js/bootstrap.min.js"></script>
<script type="text/javascript" charset="UTF-8" src="{:C('WEB_URL')}Public/business/js/script.js"></script>
</head>
<body>
<if condition="$list.purview eq 0">	
<div id="box">
 <div class="indexHead">
  <p class="indexOne"><span>你好，</span>店长{$tel} <a href="{:U('Business/esc')}" style="float:right; color:#FFFDEF;text-decoration: none;font-size:12px;">[安全退出]&nbsp;&nbsp;</a></p>
  <p class="indexTwo"><a href="{:U('Business/myAsset')}"><if condition="$a eq 0">0
    <else /> {$a}
</if></a></p>
  <p class="indexThree"><a href="{:U('Business/myAsset')}">我的资产</a></p><a href="{:U('Business/myAsset')}">
  <p class="indexFour"><a href="{:U('Business/myAsset')}"> &nbsp;</a></p>
 </div><!--indexHead-->
 <div class="indexContent">
  <div class="indexCenter">
   <dl class="centerDl"><a href="{:U('Business/renewVip')}">
    <dt><img src="{:C('WEB_URL')}Public/business/images/index_03.jpg"></dt>
    <dd>续费VIP</dd></a>
   </dl>
   <dl id="but"><a href="{:U('Business/deposit')}">
    <dt><img src="{:C('WEB_URL')}Public/business/images/index_05.jpg"></dt>
    <dd>我要提现</dd></a>
   </dl>
  </div><!--indexCenter-->
 <div class="indexFoot">
  <ul id="ul">
   <a href="{:U('Business/details')}"><li class="rechar_li"><img src="{:C('WEB_URL')}Public/business/images/index_10.jpg" />交易明细<notempty name="list1"><div class="dd">{$list1}</div></notempty></li></a>
   <a href="{:U('Business/person1')}"><li class="bagLi1"><img src="{:C('WEB_URL')}Public/business/images/index_14.jpg" />我的信息</li></a>
   <a href="{:U('Business/shopMessage')}"><li><img src="{:C('WEB_URL')}Public/business/images/index_17.jpg" />店铺信息</li></a>
  </ul>
 </div><!--bagThree--></div>
 <div class="navbar navbar-default navbar-fixed-bottom">
   <footer id="foot">
    <dl>
     <dt><a href="{:U('index')}"><img src="{:C('WEB_URL')}Public/business/images/home.png" /></a></dt>
     <dd><a href="{:U('index')}" class="current">首页</a></dd>
    </dl>
    <dl>
     <dt><a href="{:U('pullrefresh_sub')}"><img src="{:C('WEB_URL')}Public/business/images/deal_07.jpg" /></a></dt>
     <dd><a href="{:U('pullrefresh_sub')}">员工管理</a></dd>
    </dl>
    <dl>
     <dt><a href="{:U('manage')}"><img src="{:C('WEB_URL')}Public/business/images/deal_09.jpg" /></a></dt>
     <dd><a href="{:U('manage')}">会员管理</a></dd>
    </dl>
   </footer>

  </div><!--/navbar-->
 <else />
 <div id="box">
 <!--<div class="navbar navbar-default navbar-fixed-top">
  <header>
   <h1><span class="glyphicon glyphicon-menu-left"></span></h1>
   <p class="title" style="width:100%;text-align: center;">我的卡包</p>
  </header>
 </div>--><!--navbar-fixed-top-->
 <div class="indexHead">
  <p class="indexOne"><span>你好，</span>店员{$tel} <a href="{:U('Business/esc')}" style="float:right; color:#FFFDEF;text-decoration: none;font-size:12px;">[安全退出]&nbsp;&nbsp;</a></p>
  <p class="indexTwo"><a href="#">{$data2}</a></p>
  <p class="indexThree"><a href="#">今日新增会员</a></p>
  <p class="indexFour"><a href="manage.html">我的会员：{$data1}</a></p>
 </div><!--indexHead-->
 <div class="indexContent">
  <div class="indexCenter">
   <dl class="centerDl"><a href="manage.html">
    <dt><img src="{:C('WEB_URL')}Public/business/images/index_02.jpg"></dt>
    <dd>我的会员</dd></a>
   </dl>
   <dl><a href="details.html">
   <notempty name="list1"><div id="ddd">{$list1}</div></notempty>
    <dt><img src="{:C('WEB_URL')}Public/business/images/index_05.jpg"></dt>
    <dd>交易明细</dd></a>
    
   </dl>
  </div><!--indexCenter-->
 <div class="indexFoot">
  <ul>
   <li class="bagLi1"><img src="{:C('WEB_URL')}Public/business/images/index_14.jpg" /><a href="{:U('Business/person1')}">我的信息</a></li>
   <li class="bagLi1"><img src="{:C('WEB_URL')}Public/business/images/index_17.jpg" /><a href="{:U('Business/shopMessage')}">店铺信息</a></li>
   <li class="bagLi1"><img src="{:C('WEB_URL')}Public/business/images/erwei.jpg" /><a href="{:U('Business/discountErwei')}">扫码消费</a></li>
   <li class="bagLi1"><img src="{:C('WEB_URL')}Public/business/images/erwei.jpg" /><a href="{:U('Business/payErwei')}">购买卡券</a></li>
 
  </ul>
 </div><!--bagThree--></div>
 </if>
</div><!--box-->
<!--会员卡提现提示弹出页面 -->
 <!--<div id="popup"><a href="javascript:;" class="a_click">
  <div id="click_div">
   <div id="dialog">
	<h3><img src="{:C('WEB_URL')}Public/business/images/index_01.jpg" /></h3>
	<p>抱歉，金额必须大于300元才可提现！</p>
  </div>
 </div></a>
</div>-->
 <!--会员卡提现提示弹出页面 End-->
<script type="text/javascript">
 //会员卡提现提示弹出页面 JS
$("#but").click(function(){
//	$("#click_div").show(),8000;
	setTimeout(function () {
    $("#click_div").fadeIn();
  }, 500);
})  
$(".a_click").click(function(){
//	$("#click_div").hide();
	setTimeout(function () {
    $("#click_div").fadeOut();
  }, 500);
});
//最下面点击效果
$('#foot dl').on("touchstart",function(){
  // alert(1);
  $('#foot dl').css("background-color","#fff")
  $(this).css("background-color","#ddd")
})
$('#foot dl').on("touchend",function(){
  // alert(1);
  $('#foot dl').css("background-color","#fff")

})
$('.indexFoot li').on("touchstart",function(){
  // alert(1);
  $('.indexFoot li').css("background-color","#fff")
  $(this).css("background-color","#ddd")
})
$('.indexFoot li').on("touchend",function(){
  // alert(1);
  $('.indexFoot li').css("background-color","#fff")

})

$('#ul li').on("touchstart",function(){
  // alert(1);
  $('#ul li').css("background-color","#fff")
  $(this).css("background-color","#ddd")
})
$('#ul li').on("touchend",function(){
  // alert(1);
  $('#ul li').css("background-color","#fff")

})
$('.indexCenter dl').on("touchstart",function(){
  // alert(1);
  $('.indexCenter dl').css("background-color","#fff")
  $(this).css("background-color","#ddd")
})
$('.indexCenter dl').on("touchend",function(){
  // alert(1);
  $('.indexCenter dl').css("background-color","#fff")

})
</script>
</body>
</html>
